<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org" style="height: 100%;">
<head>
    <title>众志成城，抗击疫情</title>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="css/seekPassword.css" th:href="@{/css/seekPassword.css}">
    <script src="../static/js/seekPassword.js" th:src="@{/js/seekPassword.js}"></script>
    <script src="../static/js/jQuery-3.5.1.min.js" th:src="@{/js/jQuery-3.5.1.min.js}"></script>
</head>
<body style="height: 100%;">
    <div class="background"></div>
    <div class="Box">
        <ul>
            <li class="title">密码重置</li>
            <li><span>用户名：</span><input id="username" type="text" placeholder="请输入用户名"></li>
            <li><span>新密码：</span><input id="new_password" type="text" placeholder="请输入新密码"></li>
            <li><span>邮箱：</span><input id="mail" type="text" placeholder="请输入邮箱号码"></li>
            <li><span>验证码：</span><input id="CheckCode" type="text" class="getCode" placeholder="请输入验证码">
                <a onclick="getCode()" class="interval">发送验证码</a></li>
            <li><a onclick="seekPassword()">确认</a></li>
            <li><a href="login">返回登录</a></li>

        </ul>
    </div>
    <script>
        var timer=document.querySelector('.interval');
        timer.addEventListener('click',function(){
            var minutes=60;
            timer.innerHTML=minutes+'s';
            var countDown=setInterval(function(){
                timer.innerHTML=--minutes+'s';
                if(minutes===0){
                    timer.innerHTML='发送验证码';
                    clearInterval(countDown);
                }
            },1000);
            
        })
    </script>
</body>
</html>